<template>
  <div>
    <upload-Excel :before-upload="beforeUpload" :on-success="onSuccess" />
  </div>
</template>

<script>
import UploadExcel from '@/components/UploadExcel'
import { importEmployee } from '@/api/employees'
import { getImportJsData } from '@/utils/excel'
export default {
  components: {
    UploadExcel
  },
  methods: {
    // 解析前
    beforeUpload(file) {
      // 文件大小 要小于 1M
      const isLt1M = file.size / 1024 / 1024 < 1
      // 如果文件大小小于1M  return true  才会继续解析下去
      if (isLt1M) {
        return true
      }
      // 如果文件大小大于1M就会提示一个错误,并且 return false,就会卡在这里,解析不会继续进行
      this.$message({
        message: '文件的大小不可以超过 1M',
        type: 'warning'
      })
      return false
    },
    // 解析成功后
    async onSuccess({ results, header }) {
      // console.log(results, header)
      const headerRelation = {
        '姓名': 'username',
        '手机号': 'mobile',
        '入职日期': 'timeOfEntry',
        '工号': 'workNumber',
        '聘用形式': 'formOfEmployment',
        '部门': 'departmentName'
      }
      // 二次转化
      const data = getImportJsData(results, headerRelation)
      // 调用接口 传入一个数据
      await importEmployee(data)
    }
  }
}
</script>

<style>

</style>
